@layout("/common/_vue_container.html"){
<div id="app" v-cloak v-loading="fullscreenLoading" style="height:100%;">
    <div class="main_content">
        <div v-loading="screenLoading">
            <div class="remind_title2">
                策略文章列表
                <el-button
                        type="primary"
                        size="small"
                        class="product-new-button"
                        v-on:click="toNewPage"
                >
                    新增
                </el-button>
            </div>
            <el-form :inline="true" :model="queryContent" class="product-form-inline" size="mini">
                <el-form-item label="关键词" size="mini">
                    <el-input v-model="queryContent.keyword" placeholder="文章名称" size="mini"></el-input>
                </el-form-item>
                <el-form-item label="创建日期" size="mini">
                    <div class="" class="product-form-item">
                        <el-date-picker
                                size="mini"
                                v-model="queryContent.date"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                        </el-date-picker>
                    </div>
                </el-form-item>
                <el-form-item size="mini">
                    <el-button type="primary" v-on:click="loadStrategyList" size="mini">查询</el-button>
                    <el-button v-on:click="resetQuery" size="mini">重置</el-button>
                </el-form-item>
            </el-form>
            <el-table ref="singleTable" :data="strategyData" style="width: 100%">
                <el-table-column type="index" width="60" property="index">
                </el-table-column>
                <el-table-column property="id" label="id"></el-table-column>
                <el-table-column property="title" label="文章名称">
                    <template scope="scope">
                        <a href="javascript:void(0)" v-on:click="toStrategyDetail(scope.row.id)">{{scope.row.title}}</a>
                    </template>
                </el-table-column>
                <el-table-column property="cateName" label="类型" sortable>
                </el-table-column>
                <el-table-column property="viewNum" label="阅读量" sortable>
                </el-table-column>
                <el-table-column property="createTime" label="创建时间" sortable>
                </el-table-column>
                <el-table-column label="操作" width="250">
                    <template scope="scope">
                        <el-button size="small"
                                   v-on:click=toEditPage(scope.row.id)>编辑
                        </el-button>
                        <el-button size="small"
                                   v-on:click=deleteStrategy(scope.row.id)>删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <template>
                <el-pagination
                        background
                        v-on:current-change="handleCurrentChange"
                        :current-page.sync="pageNo"
                        :page-size="pageSize"
                        layout="total, prev, pager, next"
                        :total="total">
                </el-pagination>
            </template>
        </div>
    </div>
    <el-dialog title="删除确定" :visible.sync="dialogFormVisible">
        <div class="user-status-dialog-text">
            确定删除该策略文章？
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button v-on:click="dialogFormVisible = false">取 消</el-button>
            <el-button type="primary" v-on:click="confirmDelete">确 定</el-button>
        </div>
    </el-dialog>
</div>
<script src="${ctxPath}/static/modular/cash/strategy/strategy_list.js"></script>
@}

